<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" type="text/css" href="../css/rest.css"/>
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/rest.css"/>
		<style type="text/css">
			.mui-content{
				width: 100vw;
				height: 100vh;
				background-image: url(../images/bg.jpg);
			}
			.top{
				position: absolute;
				right: 20px;
				top: 15px;
				width: 20vw;
				height: 5vw;
				background-image: url(../images/coverplan.png);
				background-repeat: no-repeat;
				background-size: cover;
			}
			.container{
				position: absolute;
				top: 20vh;
				left: 10vw;
				width: 80vw;
				height: 50vh;
				/*border: 1px solid red;*/
			}
			h1{
				font-family: impact;
				font-size: 2.4rem;
				margin-bottom: 6vh;
				
			}
			.h2{
				font-size: 1.7rem;
				font-weight:100;
				
			}
			.h3{
				font-size: 1.6rem;
				font-weight:100;
				
			}
			h1,.h2,.h3{
				font-family: "微软雅黑";
				color: white;
				text-align: center;
			}
			.h2,.h3{
				line-height: 1.5;
				
			}
			#cricle span{
				margin-left: 50%;
				transform: translateX(-50%);
				display: block;
				text-align: center;
				/*line-height: 40px;*/
				margin-top: 8vh;
				width: 60px;
				height: 60px;
				background-color: #C7D4DB;
				border-radius: 50%;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div class="top">
			</div>
			<div class="container">
				<h1>ART+</h1>
				<p class="h2">Salute to all solitary</p>
				<p class="h3">stalkers art road</p>
				<div id="cricle">
					<a href="index1.html">
						<span>
							<?xml version="1.0" standalone="no"?>
							<svg width="25" height="25" style="margin-top: 17px;" viewBox="0 0 342 384" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="white">
							  <path d="M0 171v42h260l-119 120l30 30l171 -171l-171 -171l-31 30l120 120h-260z" transform="matrix(1,0,0,-1,0,384)"/>
							</svg>
						</span>
					</a>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
	</body>

</html>